
/* 弹框底部按钮，absolute绝对定位展示*/
.btn-absolute{
  z-index: 999;
  width: 100%;
  height: 80px;
  background: #fff;
  position: absolute;
  bottom: 0;
  /*padding: 15px;*/
}
.btn-padding{
  padding-bottom: 85px;
}

.relative{
  position: relative;
}

.colorBlue{
  background-color: #1E6CEB;
}
.color2FF{
  color: #0AE2FF;
  font-size: 26px;
  padding: 5px;
  border: 1px solid #0AE2FF;
  border-radius: 50%;
}
.colorfff{
  color: #fff;
}
.color999{
  color: #999999;
}
.color666{
  color: #666;
}
.defaultFont{
  font-size: 14px;
  color: #000;
}
.fontSize12{
  font-size: 12px;
}
.fontSize14{
  font-size: 14px;
}
.fontSize16{
  font-size: 16px;
}
.fontSize18{
  font-size: 18px;
}
.color333{
  color: #333;
}
.color000{
  color: #000;
}
.blue{
  color: #1E6CEB;
}

.red{
  color: #FF4D4F;
}

.grey{
  color: #797979;
}

.colorA1{
  color: #A1A1A1;
}
.width80{
  width: 80%;
}
.width90{
  width: 90%;
}
.width100{
  width: 100%;
}

.width70{
  width: 70%;
}
.width60{
  width: 60%;
}
.width50{
   width: 50%;
 }
/* ‘小手’ 鼠标*/
.pointer{
  cursor: pointer
}
/* ‘鼠标’ 手型*/
.default{
  cursor: default;
}
.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.display{
  display: flex;
}
.flex-columns {
  display: flex;
  flex-direction: column;
}
.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-columns-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-align-center{
  display: flex;
  align-items: center;
}
.flex-start{
   display: flex;
   align-items: start;
 }

.flex1{
  flex:1
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-title{
  font-size: 18px;
  color: rgb(31, 34, 37)
}
.m-top15{
  margin-top: 15px;
}
.m-bottom15{
  margin-bottom: 15px;
}
.p-algin10{
  padding: 10px 0;
}
.m-algin20{
  margin: 20px 0
}
.padding15{
  padding:15px;
}
.p-sides15{
  padding:  0 15px;
}
.p-top10{
  padding-top: 10px;
}
.p-left10{
  padding-left:10px;
}
.m-right10{
  margin-right: 10px;
}
.m-left20{
  margin-left: 20px;
}
.margin20{
  margin:  0 20px !important;
}
.padding20{
  padding: 20px;
}
.m-margin15{
  margin: 15px 0 20px;
  color: #909399;
}
.m-out{
  margin: 10px 20px;
  color: #909399;
}
.m-left10{
  margin-left: 10px;
}
.m-right20{
  margin-right: 20px;
}
.m-bottom10{
  margin-bottom: 10px;
}
.p-bottom20{
  padding-bottom: 20px;
}
.m-bottom20{
  margin-bottom: 20px;
}
.m-top10{
  margin-top: 10px;
}
.m-top20{
  margin-top: 20px;
}
.m-top30{
  margin-top: 30px !important;
}
.line-height20{
  line-height: 20px;
}
.textAlign{
  text-align: center;
}
.height80{
  height: 80px;
  overflow: hidden;
}


/* 3行文字省略 */
.font-overflow3 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/* 2行文字省略 */
.font-overflow2 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/* 单行文字省略 */
.font-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

